@charset "utf-8";
/******************  page  ********************/
body,h1,h2,h3,h4,h5,h6,h7,p,form,ul,li,ol,dt,dd,dl{margin:0;padding:0;}
b,s,u{font-weight: normal;text-decoration: none;}
ul,li{list-style:none;}
img{border:0px;}

/******************  common  ********************/
body{background:#fff; font-family:"微软雅黑","黑体";

}
a{color:#222; text-decoration:none;}
a:hover{color:#c51f1f; text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
.flow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/******************  base  ********************/
.login{background:url(../images/fw.png) no-repeat bottom left;background-size:100%;height:295px; max-width:420px; margin:0px auto;}
.input1{padding:10px 0px 0px 0px;width:320px;margin:0px auto;}
.input1 .text01{width:220px;margin:0px auto; display:block; border:1px solid #c1c1c1;height:20px;padding:5px;border-radius:5px;line-height:25px; font-size:14px;-webkit-appearance: none;
}
.input1 .text02{width:232px;margin:0px auto; margin-top:20px; display:block; height:32px;border-radius:5px; background:#00C9A4; color:#fff; border:0px; font-size:14px;-webkit-appearance: none;
}

header{width:100%;height:44px;border-bottom:1px #d6d6d6 solid;background:#FFF;position:fixed;left:0px;top:0px;box-shadow: 0px 1px 2px 0px lightgray; z-index:10000;}
header strong{float:left;text-align:center;margin:0px auto;height:44px;line-height:44px; padding-left:22px; font-size:16px; font-weight:normal;margin-left:10px;}
header span{float:right;height:44px;line-height:44px; padding-right:10px;}
header .s01{background:url(../images/s02.png) no-repeat 0px 15px; background-size:16px;}
header .s02{background:url(../images/s01.png) no-repeat 0px 15px; background-size:16px;}
header b{ float:left; width:44px; height:44px; background:url(../images/retreat.png) no-repeat 15px 14px; background-size:10px; border-right:1px solid #f0f0f0;}
.header{height:45px;}
.main{width:320px; position:absolute; left:50%;top:45px; margin-left:-160px;}
.main .person{position:absolute;left:20px;top:30px; width:160px; height:300x;text-align:center;}
.main .scales{position: absolute;left: 52px;top: 352px;}
.main p{position: absolute;width: 60px;height: 20px; line-height:20px;text-align: center;left: 70px;top: 380px; font-size:12px; display:none;}
.cont{width:320px; position:absolute;left:50%;top:45px;margin-left:-160px;}
/*第一屏*/
.cont01{width:320px; position:absolute; left:50%;top:45px; margin-left:-160px;}
.cont01 .date{position: absolute;left:170px;top:330px; font-size:14px; color:#aaa; display:none;}
.cont01 .height{position: absolute;left:0px;top:29px; display:none;}
.cont01 .h-zi{font-size:14px;position: absolute;left:25px;top:0px; display:none;}
.score{width:122px;height:122px;background: #FFF;position:absolute;left: 165px;top:62px;overflow: hidden; overflow:hidden; display:none;}
.score div{position:absolute;left:0px;top:112px; background:#54e3b9;width:122px;height:122px;}
.score img{ position:absolute;left:0px;top:0px;}
.score span{width:122px;text-align:center;display:block; padding-top:25px; line-height:40px;font-size:36px;opacity:0.5;}
.score b{width:122px;text-align:center;display:block;line-height:18px;font-size:16px;opacity:0.5;}
.qualified{width:84px;height:84px;background:#54e3b9;border-radius:84px;position:absolute;left:215px;top:250px; color:#FFF; display:none;}
.qualified span{width:84px;text-align:center;display:block; padding-top:18px; line-height:30px;font-size:26px;}
.qualified b{width:84px;text-align:center;display:block;line-height:18px;font-size:16px;}
.abnormal{display:none;width:65px;height:65px;background:#fd5a45;border-radius:70px;position:absolute;left:180px;top:190px; color:#FFF;}
.abnormal span{width:65px;text-align:center;display:block; padding-top:12px; line-height:22px;font-size:20px;}
.abnormal b{width:65px;text-align:center;display:block;line-height:16px;font-size:16px;}
.jt1{position:absolute;right:10px; width:8px; top:230px; padding:10px 0px 10px 0px;}
.jt2{position:absolute;left:10px; width:8px; top:230px; padding:10px 0px 10px 0px; display:none;}

.bmi{position:absolute;width:320px;left:0px;top:390px;font-size:12px; display:none;}
.bmi .text01{position:absolute;left:12px;top:31px;}
.bmi .text02{position:absolute;left:240px;top:15px; width:50px; line-height:20px; height:20px;border-radius:20px; background:#73b9ff; text-align:center; color:#FFF;}
.bmi-js{ width:350px;height:40px; position:absolute;left:-98px;}
.bmi .text03{position:absolute;left:90px;top:5px; height:25px; line-height:14px; text-align:center; background:url(../images/bmi_1.png) no-repeat bottom center; background-size:11px; margin-left:-16px; width:30px;}
.bmi .text04{position:absolute;left:70px;top:46px;}
.bmi .text05{position:absolute;left:145px;top:46px;}
.bmi .text06{position:absolute;left:177px;top:46px;}
.bmi .text07{position:absolute;left:216px;top:46px;}

/*第一屏 汇总*/
.summary-01{ text-align:center;height:25px; background: url(../images/unfold.png) no-repeat center #e2e2e2; background-size:20px; width:100%; left:0px; bottom:0px;position:fixed; z-index:60000;}
.summary-02{ text-align:center;height:25px;background: url(../images/close.png) no-repeat center #e2e2e2; background-size:20px;width:100%; left:0px;position:fixed;z-index:60000;}
.summary-nr{background:#f6f6f6;position:absolute;top:70px;left:0px;width:100%;min-height:568px; display:none; overflow:auto;}
.summary-top{ height:18px; background: url(../images/unusual03.png) no-repeat 105px 0px #f6f6f6; background-size:18px; margin-top:10px;}
.summary-nr dl{background:url(../images/unusual05.png) repeat-y 105px 0px; padding:24px 10px 10px 105px; position:relative; font-size:14px;display:table;}
.summary-nr dl dt{line-height:20px;width:80px;background-size:60px;padding-left:10px;position:absolute;left:10px;top:24px;color:#444;color:#fd5a45;border-left:2px solid #f5a89f; font-size:14px;}
.summary-nr dl dd{padding:0px 0px 10px 25px; background:url(../images/unusual04.png) no-repeat 0px 2px; line-height:22px; color:#444;}


/*第二屏*/
.cont02{width:320px; position:absolute; left:50%;top:36px; margin-left:-160px; display:none;}
.cont02 span{ font-size:12px;position:absolute;left:0px;top:65px; width:60px; text-align:center;}

.cont02 .li01{position:absolute;left:20px;top:35px;display:none;}
.cont02 .li01 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li01 .im01{ position:absolute;left:60px;top:25px;}
.cont02 .li02{position:absolute;left:20px;top:134px;display:none;}
.cont02 .li02 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li02 .im01{position:absolute;left:60px;top:-20px;}
.cont02 .li03{position:absolute;left:20px;top:234px;display:none;}
.cont02 .li03 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li03 .im01{ position:absolute;left:57px;top:-100px;}
.cont02 .li04{position:absolute;left:240px;top:35px;display:none;}
.cont02 .li04 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li04 .im01{ position:absolute;left:-70px;top:18px;}
.cont02 .li05{position:absolute;left:240px;top:134px;display:none;}
.cont02 .li05 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li05 .im01{ position:absolute;left:-67px;top:9px;}
.cont02 .li06{position:absolute;left:240px;top:234px;display:none;}
.cont02 .li06 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li06 .im01{ position:absolute;left:-79px;top:-100px;}
.cont02 .li07{position:absolute;left:22px;top:35px;display:none;}
.cont02 .li07 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li07 .im01{ position:absolute;left:65px;top:20px;}
.cont02 .li08{position:absolute;left:20px;top:130px;display:none;}
.cont02 .li08 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li08 .im01{ position:absolute;left:60px;top:20px;}
.cont02 .li09{position:absolute;left:20px;top:214px;display:none;}
.cont02 .li09 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li09 .im01{ position:absolute;left:58px;top:-60px;}
.cont02 .li010{position:absolute;left:240px;top:35px;display:none;}
.cont02 .li010 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li010 .im01{ position:absolute;left:-100px;top:17px;}
.cont02 .li011{position:absolute;left:240px;top:134px;display:none;}
.cont02 .li011 .tu01{position:absolute;left:0px;top:0px;}
.cont02 .li011 .im01{ position:absolute;left:-80px;top:14px;}


.ts-zb{ position:absolute; top:380px;left:50%; margin-left:-150px; width:300px; height:30px;text-align:center; line-height:30px; font-size:14px; color:#999; display:none;}
.ts-zb .b1{ width:12px; height:12px;border-radius:20px; display:inline-block; background:#54e3b9; margin:0px 5px;}
.ts-zb .b2{ width:12px; height:12px;border-radius:20px; display:inline-block; background:#fc5a45; margin:0px 5px;}


.bottom-add{height:50px; width:280px; position:absolute;left:50%;top:420px;overflow:auto; margin-left:-145px; padding:5px; z-index:9000; background:url(../images/apparatus02.png); background-size:4px; display:none;}
.bottom-add .ul{width:550px; position:relative; z-index:2000;}
.bottom-add .ul img{ float:left; padding:0px 5px; height:50px;}
.bottom-add-img1{position:absolute;left:50%;top:420px;height:60px;margin-left:-145px;z-index:30000; display:none;}
.bottom-add-img2{position:absolute;left:50%;top:420px;height:60px;margin-left:119px;z-index:31000;display:none;}


.or{background:#f9f9f9; padding:20px 0px;height:60px;position:fixed;left:0px;top:45px;width:100%; z-index:10000;}
.orr{background:#f9f9f9;height:100px;}
.or div{width:320px;margin:0px auto;}
.or div img{float:left; padding-left:70px; padding-right:10px;border-radius:60px;}
.or div .p0{ line-height:25px; color:#000; padding-top:5px;}
.or div .p1{ line-height:25px; color:#fd5a45; padding-top:5px;}
.or div .p2{ line-height:25px; color:#73b9ff; padding-bottom:5px;}
.or-li{height:70px; border-bottom:1px #f8f8f8 solid; background:#FFF; font-size:14px; position:relative;height:55px;}
.or-li .l{float:left;padding:5px 10px 0px;line-height:20px;height:20px;}
.or-li .l strong{ display:block; height:20px; overflow:hidden; font-weight:normal; width:150px;}
.or-li .l .strong{ color:#fd5a45;font-size: 13px;}
.or-li .l b{display:block;color:#999;height:20px; overflow:hidden; font-weight:normal;width:138px;font-size: 12px;}
.or-li .r{padding:5px 28px 5px 5px;position:absolute;right:5px;top:0px; background:url(../images/zb-jt5.png) no-repeat right 24px; background-size:22px; height:70px;}
.or-li .rr{padding:0px 5px 5px 5px;position:absolute;right:5px;top:0px; background:none; height:36px;}
.or-li .r .w1{width:155px;background:url(../images/zb01.png) no-repeat 0px 26px; background-size:155px; height:60px; line-height:13px; position:relative;}
.or-li .r .w1 .x1{float:left; width:126px; height:55px;position:relative;}
.or-li .r .w1 .x1 b{ display:block;width:30px; text-align:center; height:50px; background:url(../images/zb-jt1.png) no-repeat center 16px;background-size:10px; color:#3adfaf; position:absolute; left:0px;top:0px; margin-left:-15px; font-size:12px;overflow:hidden;white-space:nowrap;}

.or-li .r .w1 .x2{float:right; width:28px; height:25px;  background:url(../images/zb-jt2.png) no-repeat center 16px; background-size:10px; text-align:center; color:#fd5a45; font-size:12px;overflow:hidden;white-space:nowrap;}

.or-li .r .w2{width:155px;background:url(../images/zb02.png) no-repeat 0px 26px; background-size:155px; height:60px; line-height:13px; position:relative;}
.or-li .r .w2 .x1{float:left; height:55px;position:relative;}
.or-li .r .w2 .x1 b{ display:block;text-align:center; height:52px; background:url(../images/zb-jt1.png) no-repeat center 16px;background-size:10px; color:#3adfaf; position:absolute; left:0px;top:0px; margin-left:-15px; font-size:12px;overflow:hidden;white-space:nowrap;}
.or-li .r .w2 .x2{float:right; width:32px; height:50px;  background:url(../images/zb-jt2.png) no-repeat center 16px; background-size:10px; text-align:center; color:#fd5a45; font-size:12px;overflow:hidden;white-space:nowrap;}
.or-li .r .w2 .x3{float:left; width:32px; height:50px;  background:url(../images/zb-jt2.png) no-repeat center 16px; background-size:10px; text-align:center; color:#fd5a45; font-size:12px;overflow:hidden;white-space:nowrap;}
.or-li .r .w2 .x4{float:left; width:32px; height:50px;overflow:hidden;white-space:nowrap;}

.or-li .r .spa1{background:url(../images/zb-jt3.png) no-repeat 0px 14px; background-size:8px; float:right; max-width:205px; line-height:37px; padding-left:12px; color:#3adfaf;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.or-li .r .spa2{background:url(../images/zb-jt4.png) no-repeat 0px 14px; background-size:8px; float:right; max-width:205px; line-height:37px; padding-left:12px; color:#fd5a45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.ys{ background-size:4px; text-align:center; padding:15px 0px; line-height:30px; color:#575763;}
.ys01{ color:#FF7272; padding:20px; line-height:25px;}
.ys{color:#FF7272; text-align:left; margin:10px;line-height:25px;font-size: 14px;}
.ys02{ color:#72B8FF; padding:20px; line-height:25px;}

.ys03 .li{ width:49%; text-align:center; line-height:30px; float:left; height:130px; padding:20px 0px;}
.ys03 .li img{ display:block; margin:0px auto; width:103px;}
.color01{color:#069;font-weight:bold;}
.with-url{color:#06C;}
.main-url{color:#C00;}
.no-url{color:#000;}
#detail-sct {
    width: 100%;
}
#detail-sct ul li h3 {
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    background: #E3E3E3;
    width: 100%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}
#detail-sct ul li ul li {
    height: 70px;
    font-size: 14px;
    border-bottom: 1px solid #C7C7C7;
    /*position: relative;*/
    background: white;
}
#detail-sct ul li ul li span.l {
    float: left;
    padding: 15px 10px;
    line-height: 20px;
}
#detail-sct ul li ul li span.l strong {
    display: block;
    font-weight: normal;
}
#detail-sct ul li ul li span.l span {
    color: #999;
}
#detail-sct ul li ul li span.r {
    float: right;
    padding: 0 28px 0 5px;
    margin: 0 5px 0 0;
    line-height: 70px;
}
#type-sct {
    width: 115px;
    position: fixed;
    right:0px;
    top:0px;
    background: white;
    overflow-y: scroll;
    border-image: url("../images/typeborder.png") 10 10 round;
    border-width: 0 0 0 6px;
    z-index:90000;

}
#type-sct ul li {
    position:relative;
    padding-left:35px;
    height: 36px;
    font-size: 12px;
    border-bottom: 1px dashed #E4E4E4;
    width:80px;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#type-sct ul li.active {
    background:#E2E2E2;
}
#type-sct ul li img {
    position:absolute;
    left:6px; top:6px;
    width: 24px;
}
#type-sct ul li span {
    height: 36px;
    line-height: 36px;
    float: left;
}
.switcher {
    width: 20px;
    position: fixed;
    top: 80px;
    right: 120px;
    z-index: 20000;
    padding:10px 0px 10px 30px;
}

#bmi-section {
    position: relative;
}
#bmi-section li {
    position: absolute;
    list-style-type: none;
    font-size: 14px;
}
#bmi-section img {
    display: block;
}
#img1 {
    top: 0;
    left: 14px;
}
#img1 img {
    width: 84px;
    height: 84px;
}
#img2 {
    top: 50px;
    right: 14px;
}
#img2 img {
    width: 78px;
    height: 78px;
}
#img3 {
    top: 150px;
    left: 28px;
}
#img3 img {
    width: 68px;
    height: 68px;
}
#bmi-section li span {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 30px;
}
/*#bmi-section .bd-container.male {
    display: none;
}*/
#bmi-section .bd {
    margin: 20px auto 0;
    /*width: 20%;*/
    height: 300px;
    display: none;
}
#bmi-section .bd.top {
    display: block;
}

.bmi-span{ line-height:16px; color:#000; position:absolute;left:43px; top:-30px;width:40px;height:40px; text-align:center;}
.bmi-span img{ display:block; margin:0px auto; width:9px;}

.range-container {
    width: 220px;
    margin: 20px auto 40px;
    position: relative;
}
#range {
    -webkit-appearance: none !important;
    height: 8px;
    width: 180px;
    background: url("../images/rangebg.png") repeat-y;
    background-size: 100% 100%;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}
#range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    background: url("../images/spotbg.png") no-repeat 0 0;
    background-size: 100% 100%;
    outline: 0;
    display: block;
    border: 0;
}
.intro {
    margin: 30px 0;
}
.intro h2 {
    color: #575762;
    font-size: 1em;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}
.intro img {
    height: 12px;
    text-align: center;
    margin: 8px 0 0 49%;
}
.intro .txt {
    margin: -3px 0 0 0;
    background: white;
    padding: 30px 10px;
    text-indent: 2em;
    color: #73B8FD;
    line-height: 1.6em;
    font-size: 14px;
}
